<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>帮助指南</title>
    <script src="../js/jquery.min.js"></script>
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        li{
            list-style: none;
        }
        #fixNav{
            position: fixed;
            right: 10px;
            bottom: 50px;
            background-color: #cccccc;
            color: white;
            padding: 10px;
        }
        #fixNav li{
            cursor: pointer;
        }
        h1{
            text-align: center;
        }
        p{
            text-indent: 2em;
            margin-bottom: 10px;
        }
        img{
            display: block;
            width: 60%;
            margin: 10px auto;
        }
    </style>
</head>
<body>
<h1>帮助指南</h1>
    <p>本系统是定制化学校管理系统，分为后台管理和前端H5页面。通过后台管理的设定从而影响前端H5页面的显示效果。此《帮助指南》可以有效的帮助您如何设置参数和配置。</p>
<img src="img/adminpage.png" alt="">
<p style="text-align: center">后台管理员操作界面</p>
<img src="img/h5lanwei.png" alt="">
<p style="text-align: center">h5页面栏位介绍</p>
    <p>此后台管理共分为6个子模块，分别是“学校关键配置”、“内容管理”、“专业管理”、“新闻资讯管理”、“网络接待老师管理”、“权限设定”。</p>
    <p>每个子模块中既有的“模块名称”和顺序是固定，不能更改，否则将影响H5页面显示。编辑模块信息时可以根据现有的数据进行相应的替换。</p>
    <p>每个子模块都分别编写了帮助指南，点击右下角的链接进行查看。</p>
<div id="fixNav">
    <ul>
        <li data-show="help1">关键配置</li>
        <li data-show="help2">内容管理</li>
        <li data-show="help3">专业管理</li>
        <li data-show="help4">新闻咨询管理</li>
        <li data-show="help5">网络接待老师</li>
        <li data-show="help6">权限设定</li>
    </ul>
</div>
</body>
<script>

    $("#fixNav li").click(function () {
        let s = $(this).attr("data-show");
        location.href = s+".html";
    })
</script>
</html>